<div id="comics_carousel" class="carousel slide" data-ride="carousel">
	<ol class="carousel-indicators">
		{% for comic in comics_carousel %}
		{% if forloop.first %}
		<li data-target="#comics_carousel" data-slide-to="{{forloop.counter0}}" class="active"></li>
		{% else %}
		<li data-target="#comics_carousel" data-slide-to="{{forloop.counter0}}"></li>
		{% endif %}
		{% endfor %}
	</ol>
	<div class="carousel-inner">
		{% for comic in comics_carousel %}
		{% if forloop.first %}
		<div class="carousel-item active">
			<a href="{% url 'Comics:cover' comic.cId %}">
				<img src="{{comic.cCover}}" class="d-block w-100" alt="...">
				<div class="carousel-caption d-none d-md-block">
					{#<h5>{{comic.cName}}</h5>#}
				</div>
			</a>
		</div>
		{% else %}
		<div class="carousel-item">
			<a href="{% url 'Comics:cover' comic.cId %}">
				<img src="{{comic.cCover}}" class="d-block w-100" alt="...">
				<div class="carousel-caption d-none d-md-block">
					{#<h5>{{comic.cName}}</h5>#}
				</div>
			</a>
		</div>
		{% endif %}
		{% endfor %}
	</div>
	<a class="carousel-control-prev" href="#comics_carousel" role="button" data-slide="prev">
		<span class="carousel-control-prev-icon" aria-hidden="true"></span>
		<span class="sr-only">Previous</span>
	</a>
	<a class="carousel-control-next" href="#comics_carousel" role="button" data-slide="next">
		<span class="carousel-control-next-icon" aria-hidden="true"></span>
		<span class="sr-only">Next</span>
	</a>
</div>
